<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>阅读，悦读</title>
		<style>
			@import url("css/reading.css");
			
		</style>
	</head>
	<body>
		<header>
			<a href="#"><img src="img/Reading/header/reading.png"></a>
		</header>
		<nav>
			<ul>
				<li class="sharetype"><a href="index.html">首页</a></li>
				<li><a href="#">读书笔记</a></li>
				<li><a href="#">读后感想</a></li>
				<li><a href="#">荐读书籍</a></li>
				<li><a href="#">阅读方法</a></li>
				<li><a href="#">分享方法</a></li>
				
			</ul>
		</nav>
		<div class="main">
		<aside class="asisec aside1">
			<div class="table">
				<div class="tr">
					<div class="td">
						<figure><img src="img/Reading/aside/wawa.jpg"><figcaption><a href="frog.html" target="books">《蛙》 莫言 &nbsp;</a><p class="intro">《蛙》是莫言酝酿十余年，笔耕四载，三易其稿，潜心打造的一部力作。</p></figcaption></figure>
					</div>
				</div>
				<div class="tr">
					<div class="td">
						<figure><img src="img/Reading/aside/wlake.jpg"><figcaption><a href="walden.html" target="books">《瓦尔登湖》 大卫 梭罗 &nbsp;</a><p class="intro">为生活，做减法，为思想，做加法。挑你喜欢看的一章，找个安静的地方读下去。</p></figcaption></figure>
                    </div>
				</div>
				<div class="tr">
					<div class="td">
						<figure><img src="img/Reading/aside/threebody.jpg"><figcaption><a href="threebody.html" target="books">《三体》刘慈欣 &nbsp;</a><p class="intro">他们是什么？ 他们是历史！</p></figcaption></figure>						
					</div>
				</div>
			</div>
		</aside>
		<section>
			<iframe src="walden.html" name="books"></iframe>
		</section>
		<aside>
			<div class="table">
				<div class="tr">
					<div class="td">
						<figure><img src="img/Reading/aside/dssd.jpg"><figcaption><a href="islandbookstore.html" target="books">《岛上书店》加布瑞埃拉·泽文  &nbsp;</a><p class="intro">记住,玛雅:我们在二十岁有共鸣的东西到了四十岁的时候不一定能产生共鸣，反之亦然</p></figcaption></figure>
					</div>
				</div>
				<div class="tr">
					<div class="td">
						<figure><img src="img/Reading/aside/lhz.jpg"><figcaption><a href="lhzbiography.html" target="books">《李鸿章传》 梁启超 &nbsp;</a><p class="intro">吾敬李鸿章之才，吾惜李鸿章之识，吾悲李鸿章之遇。</p></figcaption></figure>
                    </div>
				</div>
				<div class="tr">
					<div class="td">
						<figure><img src="img/Reading/aside/shly.jpg"><figcaption><a href="fadedpark.html" target="books">《失乐园》渡边淳一 &nbsp;</a><p class="intro">海风吹拂的庭院，仿佛在召唤两人。</p></figcaption></figure>						
					</div>
				</div>
			</div>
		</aside>
		</div>
		<footer>
			<div class="table">
				<div class="tr">
					<div class="td">
						<div class="table">
							<div class="tr">
								<div class="td content">
									<ul>
										<li><a href="#">联系我们</a></li>
										<li><a href="#">关于我们</a></li><br />
										<li><a href="#">商务合作</a></li>
										<li><a href="#">友情链接</a></li><br />
										<li><a href="#">投诉建议</a></li>
										<li><a href="#">更多帮助</a></li>
									</ul>					
								</div>
								
								<div class="td">
								    <div class="tr">
								    	<div class="td">
									<a href="https://www.amazon.cn/"><img src="img/Reading/footer/amazon.jpg"></a>
									<a href="http://book.dangdang.com/"><img src="img/Reading/footer/dangdang.jpg"></a>
									<a href="https://www.douban.com/"><img src="img/Reading/footer/douban.jpg"></a>
									<a href="http://www.xhsdzd.com/"><img src="img/Reading/footer/xinhua.jpg"></a>
								         </div>
								    	</div>
								    	<div class="tr">
								    		<div class="td">
								    			<code>合作伙伴：新华书店 豆瓣 当当网 亚马逊中国 淘宝网 京东商城 网易考拉 喜马拉雅<br>
								    			Copyright&copy; 2019 South China Institute of Software Engineering.GU<br>
								    			Network Communication and Business Website Design 1840225117 DSJ
                                              </code>
								    		</div>
								    	</div>
									</div>
							</div>
						</div>
					</div>
					<div class="td">
						<div class="table footerright">
							<div class="tr">
								<div class="td"><br />
									<form id="tijiao" method="post" action="index.html" target="_blank">
										<fieldset>
											<legend>订阅本页</legend>
											<br />
											<p><label>请输入你的邮箱：<input type="email">&nbsp;&nbsp;<button type="submit">提交</button></label></p><br />
											<fieldset>
												<legend>荐读类型</legend>
												<p class="xuanze">人文&nbsp;<input type="checkbox" class="checkbox"></p>
												<p class="xuanze">科幻&nbsp;<input type="checkbox" class="checkbox"></p>
												<p class="xuanze">文学&nbsp;<input type="checkbox" class="checkbox"></p>
												<p class="xuanze">历史&nbsp;<input type="checkbox" class="checkbox"></p>
												&nbsp;&nbsp;&nbsp;
												<button type="submit">提交</button>
											</fieldset>
											
										</fieldset>
									</form>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</footer>
	</body>
</html>
